<template>
	<view>
		<view class="header_device">
			<view class="" style="display: flex;align-items: center;">
				<image class="headerImg" style="" :src="device.devicePic" />
				<view class="deviceName">
					{{deviceName}}
				</view>
			</view>
			<view v-if="!ifShared" @click="openPopup" class="header_icon">
				<uni-icons type="compose" size="20"></uni-icons>
			</view>
		</view>
		<j-cell-group title="基本设置">
			<j-cell v-if="!ifShared" title="设备位置" @jftap="mobileDevices()"></j-cell>
			<j-cell title="省电模式" @jftap="settingFunc('powerSaving')"></j-cell>
			<j-cell v-if="device.localUiKey == 'ui_doorlock_home'" title="快捷功能"
				@jftap="settingFunc('shortcut')"></j-cell>
			<j-cell v-if="isMultiCamera" title="启用门内摄像头" :more="false">
				<view slot="tips">
					<j-switch :disabled="disabled" v-model="multiCameraIsOpen" color="#FF0025"
						@change="switchChange()"></j-switch>
				</view>
			</j-cell>
			<j-cell v-if="isSupportLockSetting" title="锁具配置" @jftap="doorLockSetting()"></j-cell>
			<j-cell v-if="isSupportUserManager" title="用户管理" @jftap="goUserManager()"></j-cell>
		</j-cell-group>
		<j-cell-group v-if="false" title="提醒">
			<j-cell title="来电通知提醒" :more="false">
				<view slot="tips" style="margin-right:20rpx;">
					<switch :checked="true" color="#FF0025" style="transform:scale(0.8)" @change="callReminderChange">
					</switch>
				</view>
			</j-cell>
		</j-cell-group>
		<j-cell-group title="其他">
			<j-cell :disabled="deviceStatus == 'deep' || deviceStatus == 'OffLine' || deviceStatus == 'undefind'"
				title="猫眼升级" @jftap="onDeviceUpgrade('catEye',versionStatus)">
				<view slot="tips" class="cell-tips" :class="versionStatusClass">
					<view style="display: flex;align-items: center;justify-content: center; "
						v-show="deviceStatus != 'deep' && deviceStatus != 'OffLine'">
						<image v-if="versionStatus == 1" src="https://statics.xmcsrv.net/weixin/update.png" />
					</view>
				</view>
			</j-cell>
			<j-cell v-if="enableMultiModule"
				:disabled="deviceStatus == 'deep' || deviceStatus == 'OffLine' || deviceStatus == 'undefind'"
				title="锁具升级" @jftap="onDeviceUpgrade('lockPlate',mcuVersionStatus)">
				<view slot="tips" class="cell-tips" :class="versionStatusClass">
					<view style="display: flex;align-items: center;justify-content: center; "
						v-show="deviceStatus != 'deep' && deviceStatus != 'OffLine'">
						<image v-if="mcuVersionStatus == 1" src="https://statics.xmcsrv.net/weixin/update.png" />
					</view>
				</view>
			</j-cell>
			<j-cell title="关于设备" @jftap="settingFunc('aboutDevice')"></j-cell>
		</j-cell-group>
		<view class="foot-button">
			<button class="block radius-btn" v-if="!ifShared" @tap="removeDevice()" type="operation">移除设备</button>
		</view>
		<!-- <view class="u-f-ajc bottm" v-if="!ifShared" @click="removeDevice">移除设备</view> -->
		<uni-popup ref="inputDialog" class="popupName" type="dialog" :is-mask-click="false" @maskClick="maskClick">
			<view class="form">
				<view class="u-f-ajc title">修改设备名称</view>
				<view class="form-item">
					<uni-easyinput v-model="editDeviceName" placeholder="请输入设备名称"></uni-easyinput>
				</view>
				<view class="u-f-r form-item">
					<view class="u-f-ajc cancel" @click="close">取消</view>
					<view class="u-f-ajc conf" @click="submit">确定</view>
				</view>
			</view>
		</uni-popup>
		<j-modal :value="startDialog" :showCancel="false" :showConfirm="false">
			<view slot="title" class="flex align-center justify-between j-modal-title">
				<view style="width: 30%;" class=""></view>
				<view style="width: 30%;" class="hint">提示</view>
				<view style="width: 30%;text-align: end;" class="">
					<!-- <uni-icons @click="clearTimer" type="closeempty" size="25" /> -->
				</view>
			</view>
			<view slot="content" class="popupCont">
				<image class="bannerImg" src="https://statics.xmcsrv.net/weixin/operatingLock.png" mode="widthFix" />
				<view class="">请在门锁上按"8#"进入远程设置模式</view>
				<!-- <view class="countDown">{{start2countDown}}s</view> -->
			</view>
		</j-modal>
	</view>
</template>

<script>
	const {
		getStatus,
		turnTenToSixteen
	} = require('@/utils/util.js');
	import {
		settingMixins
	} from '../mixins/setting.js'
	const {
		userManageList,
		getUserManagerType
	} = require('../userManage/userManage.js');
	const constant = getApp().globalData.constant.DEVICE_TYPE;
	let LOCK9 = constant.EE_DEV_SMARTDOORLOCK9; //XM650V200新版USB猫眼主PID（双摄）
	let LOCK22 = constant.EE_DEV_SMARTDOORLOCK22; // 乐鑫版本USB猫眼主PID(双目)
	export default {
		mixins: [settingMixins],
		data() {
			return {
				editDeviceName: '',
				info: {},
				mcuInfo: {},
				versionStatus: -1,
				mcuVersionStatus: -1,
				version: {},
				newVersion: {},
				device: '',
				deviceStatus: null,
				startDialog: false,
				start2countDown: 30,
				startTimer: null,
				isMultiCamera: false, //是否是多目摄像头
				multiCameraIsOpen: false,
				disabled: false,
				ifShared: false,
			};
		},
		computed: {
			versionStatusClass() {
				if (this.versionStatus === 1 || this.mcuVersionStatus === 1) {
					return 'new';
				} else {
					return '';
				}
			},
			versionStatusText() {
				if (this.versionStatus === 1 || this.mcuVersionStatus === 1) {
					return '有新版本';
				} else if (this.versionStatus === 0 || this.mcuVersionStatus === 0) {
					return '最新版本';
				} else {
					return '检查中...';
				}
			}
		},
		onLoad(opt) {
			// 1.设备页进入 > 登录设备 > 唤醒主控 > 获取设备信息 > 获取版本信息
			//                 | 650设备('HAVLS079803D900N')
			// 			  唤醒主控 > 登录设备 > 获取设备信息 > 获取版本信息
			// 2.预览页进入 > 唤醒主控 || 获取设备信息 > 获取版本信息
			const data = JSON.parse(decodeURIComponent(opt.device))
			this.deviceStatus = getStatus(data.status)
			this.device = data;
			if (data.sharedVO && data.sharedVO.id) {
				this.ifShared = true
			}
			this.type = opt.type ? opt.type : null;
			if (this.deviceStatus != 'deep' && this.deviceStatus != 'OffLine') {
				if (opt.type == 'tab') {
					if (this.device.pid == 'HAVLS079803D900N') {
						uni.showLoading({
							mask: true,
						});
						this.getWakeup()
					} else {
						this.settingGetLogin()
					}
				} else {
					this.getWakeup()
					this.getDeviceDetail('SystemInfo') //猫眼 主控
				}
			}
			if (this.device.parentPid == LOCK9 || this.device.parentPid == LOCK22) {
				this.isMultiCamera = true
			} else {
				this.isMultiCamera = false
			}
		},
		onUnload() {
			if (this.deviceStatus != 'deep' && this.deviceStatus != 'OffLine') {
				if (this.type == 'tab') {
					setTimeout(() => {
						uni.$emit('deviceLogout', {
							isBack: true,
							deviceNo: this.device.deviceNo,
							token: this.device.token
						})
					}, 500)
				}
			}
		},
		methods: {
			//门内摄像头是否开启
			switchChange(e) {
				console.log('开启', e);
				let type = e ? 1 : 0
				this.setConfig(type)
			},
			//获取门内摄像头是否开启
			getConfig(v) {
				uni.showLoading();
				let token = this.device.token;
				let data = {
					Name: 'Dev.DouCamStreamInfo',
				};
				getApp().globalData.api.getconfig(data, token, (result) => {
					uni.hideLoading()
					console.log('getconfig===', result);
					this.multiCameraIsOpen = result['Dev.DouCamStreamInfo'].DouCamStat==1?true:false
					if (result.Ret == 100) {}
					if (result.Ret == 527) {
						//消息发给主控失败了，需要重新唤醒主控（650+3861L门锁用）
						this.wakeup(() => {
							this.getConfig(v)
						})
					}
				});
			},
			setConfig(type) {
				let token = this.device.token;
				let data = {
					Name: 'Dev.DouCamStreamInfo',
					"Dev.DouCamStreamInfo": {
						"DouCamStat": type //0 单目  1双目
					}
				};
				uni.showLoading();
				getApp().globalData.api.setconfig(data, token, (result) => {
					uni.hideLoading()
					console.log('setconfig', result)
					if (result.Ret == 100) {}
					if (result.Ret == 527) {
						//消息发给主控失败了，需要重新唤醒主控（650+3861L门锁用）
						this.wakeup(() => {
							this.setConfig(type)
						})
					}
				});
			},
			settingGetLogin() {
				this.getLogin((res) => {
					this.getWakeup();
					this.isLoginSuccess = true
					if (this.isMultiCamera) {
						this.getConfig()
					}
				})
			},
			getWakeup() {
				this.wakeup((res) => {
					console.log(res, '唤醒主控')
					// SystemInfoEx( 锁板 ) SystemInfo( 猫眼 主控 )
					if (this.device.pid == 'HAVLS079803D900N') {
						uni.hideLoading()
						if (res.data.code == 2000) {
							this.getLogin((res) => {
								this.isLoginSuccess = true;
								setTimeout(() => {
									console.log('延时唤醒')
									this.getDeviceDetail('SystemInfo')
								}, 3900)
							})
						}
					} else {
						this.getDeviceDetail('SystemInfo')
					}
				})
			},
			onDeviceUpgrade(type, status) {
				if (this.versionStatus == -1) {
					return uni.showToast({
						title: '版本检查中...',
						icon: 'none'
					})
				}
				uni.navigateTo({
					url: `/jvss/pagesDevice/device/device-live/door-lock/setting/deviceUpgrade?device=${encodeURIComponent(JSON.stringify(this.device))}&type=${type}&status=${status}`
				});
			},
			// 获取设备信息
			getDeviceDetail(type) {
				let token = this.device.token;
				const data = {
					Name: type
				};
				getApp().globalData.api.getinfo(data, token, (result) => {
					// console.log(result.data, type == 'SystemInfo'?'猫眼getinfo':'锁板getinfo')
					uni.hideLoading()
					if (result.data.code == 2000) {
						result = result.data
						let DevID;
						let DevType;
						let arr;
						let versionList;
						let obj;
						if (result.data.Ret && result.data.Ret == 100) {
							if (type == 'SystemInfo') {
								this.info = result.data.SystemInfo
								DevID = this.info.SoftWareVersion.split('.').join('')
								DevID = DevID.slice(7, ) //IOTHAVLS300800010ES30810 _HAVLS566503D9005;
								DevType = DevID.slice(0, 3) === 'IOT' ? 'IOT' : 'IPC';
								if (this.info.Modules) {
									arr = this.info.Modules
									versionList = arr.filter(item => {
										if (item.CurVersion) {
											return item.CurVersion
										}
									})
									obj = this.optObj(DevID, versionList[0].CurVersion, DevType)
									this.version = {
										...obj
									}
									this.getVersion(obj)
								} else { //Modules 没有Modules参数 提示最新版本
									this.versionStatus = 0;
								}
								if (this.device.enableMultiModule) {
									this.getDeviceDetail('SystemInfoEx') // 锁板
								}
							} else {
								this.mcuInfo = result.data.SystemInfoEx;
								if (this.mcuInfo.ExModules) {
									arr = this.mcuInfo.ExModules
									versionList = arr.filter(item => {
										if (item.CurVersion) {
											return item.CurVersion
										}
									})
									DevID = versionList[0].UpDevID;
									DevType = DevID.slice(0, 3) === 'IOT' ? 'IOT' : 'IPC';
									DevType = DevType == 'IOT' ? 6 : 3
									if (versionList[0].CurVersion == 'V0.0') {
										obj = this.optObj(DevID, versionList[0].CurVersion, DevType)
										this.getVersion(obj)
										this.version = {
											...obj
										}
									} else {
										obj = this.optObj(DevID, versionList[0].CurVersion, DevType, 'Mcu')
										this.getVersion(obj, 'Mcu')
										this.mcuVersion = {
											...obj
										}
									}
								}
							}
						} else if (result.data.Ret == 527) {
							//消息发给主控失败了，需要重新唤醒主控（650+3861L门锁用）
							this.wakeup(() => {
								this.getDeviceDetail(type)
							})
						} else {
							if (type == 'SystemInfo') {
								this.versionStatus = 0;
							} else {
								this.mcuVersionStatus = 0;
							}
						}
					}
				}, false, false)
			},
			optObj(DevID, CurVersion = null, DevType = null, type) {
				const obj = {
					Name: 'OPVersionReq',
					OPVersionReq: {
						Expect: 0,
						Language: "Chinese",
						Manual: 1,
						SN: type ? null : this.device.deviceNo,
						DevID,
						CurVersion,
						DevType,
						UUID: this.device.deviceNo,
						Type: type || null
					},
				}
				return obj
			},
			// 获取设备版本
			getVersion(data, type) {
				let token = this.device.token
				this.getDeviceVersion(data, token, (res) => {
					if (res.data.code == 2000) {
						res = res.data.data
						// console.log(res, '获取最新版本');
						if (res.Ret == 109) return
						if (res.Ret == 527) {
							//消息发给主控失败了，需要重新唤醒主控（650+3861L门锁用）
							this.wakeup(() => {
								this.getVersion(data, type)
							})
						}
						// ipc锁板 没有返回Modules字段
						if (type == 'Mcu') { //锁板
							if (data.OPVersionReq.DevType == 3) { //ipc
								if (res.OPVersionRep.Date) { //有新版本
									this.mcuVersionStatus = 1
								} else {
									this.mcuVersionStatus = 0;
								}
							} else { //iot
								if (res.OPVersionRep.Modules.length === 0) { //多模块
									this.mcuVersionStatus = 0;
								} else {
									this.mcuVersionStatus = 1;
								}
							}
						} else { //猫眼
							if (data.OPVersionReq.DevType == 'IPC' || data.OPVersionReq.DevType == 3) {
								if (res.OPVersionRep) {
									this.versionStatus = 1;
									this.newVersion = {
										verDate: res.OPVersionRep.Date,
										FileName: res.OPVersionRep.FileName,
									};
								} else {
									this.versionStatus = 0;
								}
							} else {
								if (res.OPVersionRep.Modules.length > 0) {
									this.versionStatus = 1;
									this.newVersion = {
										verDate: res.OPVersionRep.Modules[0].Date,
										FileName: res.OPVersionRep.Modules[0].FileName,
									};
								} else {
									this.versionStatus = 0;
								}
							}
						}
						this.$logs({
							info: '获取设备升级版本信息',
							res: {
								...res,
								SN: this.version ? this.version : ''
							}
						})
					}
				}, false, false)
			},
			maskClick() {
				this.editDeviceName = ''
				this.$refs.inputDialog.close()
			},
			//来电提醒
			callReminderChange(e) {
				console.log(e)
			},
			// 检测锁板唤醒状态
			checkWakeUp() {
				this.getDoorLockTransparent('Start')
			},
			// 唤醒锁板
			wakeUpStart2() {
				this.getDoorLockTransparent('Start2')
			},
			// 给设备端发start
			getDoorLockTransparent(status) {
				if (status != 'Start2') {
					uni.showLoading({
						mask: true
					})
				}
				let data = {
					Name: 'OPDoorLockProCmd',
					OPDoorLockProCmd: {
						Cmd: "SyncDoorStatus",
						DoorStatus: {
							Status: status
						}
					}
				};
				let token = this.device.token;
				getApp().globalData.api.doorLockTransparent(data, token, (result) => {
					uni.hideLoading()
					console.log('检测是否需要唤醒锁板', result);
					if (result.data.code == 2000) {
						if (result.data.data.Ret == 100) {
							let Err = turnTenToSixteen(result.data.data.DoorStatus.Err)
							if (Err == '0x00') {
								if (status === 'Start') {
									// 指令发送成功后，改变缓存中start的状态为true
									uni.setStorage({
										key: 'StartFlag',
										data: {
											deviceNo: this.device.deviceNo,
											token: this.device.token,
											start: true
										},
										success: () => {
											console.log('Start指令发送成功')
											console.log(uni.getStorageSync('StartFlag'))
										}
									})
								}
							}
							if (status === 'Start2') {
								this.clearTimer();
							}
							this.switchErr(Err, result)
						} else {
							uni.showToast({
								title: getApp().globalData.errCodeMsg.RetCodeMsg[result.data.data.Ret] ||
									result.data.data.RetMsg,
								icon: "none"
							})
						}
					} else {
						uni.showToast({
							title: getApp().globalData.errCodeMsg.CodeMsg[result.data.code] || result.data
								.msg,
							icon: 'none',
							duration: 2000
						});
						setTimeout(() => {
							uni.navigateBack()
						}, 1000)
						this.clearTimer()
					}
				}, false);
			},
			// 根据Err判断
			switchErr(Err, result) {
				console.log(Err, 'err')
				switch (Err) {
					// 成功，跳转到具体设置页面
					case '0x00':
					case '0x12':
						this.jumpToSetting()
						break;
						// 需要唤醒，提示先唤醒锁板发Start2
					case '0x01':
						this.startDialog = true;
						this.wakeUpStart2()
						break;
						// 	需要跳到管理员页面
					case '0x11':
						this.jumpToVerify()
						break;
					default:
						uni.showToast({
							title: getApp().globalData.errCodeMsg.wakeUpLockBoardCodeMsg[Err] || result.data.msg,
							icon: 'none',
							duration: 2000
						});
				}
			},
			// 检测唤醒锁板倒计时
			countDown() {
				this.startTimer = setInterval(() => {
					this.start2countDown--;
					if (this.start2countDown == 0) {
						this.clearTimer()
					}
				}, 1000)
			},
			// 处理关闭倒计时
			clearTimer() {
				this.startDialog = false;
				// clearInterval(this.startTimer)
				// this.startTimer = null;
				// this.start2countDown = 30;
			},
			// 跳转到验证页面
			jumpToVerify() {
				uni.setStorageSync('startErrToPath', 'jvss/pagesDevice/device/device-live/door-lock/setting/setting-lexin')
				uni.navigateTo({
					url: `/jvss/pagesDevice/device/device-live/door-lock/userManage/verifyPassword?type=2&device=${encodeURIComponent(JSON.stringify(this.device))}&DoorFunction=${JSON.stringify(this.DoorFunction)}`
				})
			},
			// 成功后直接跳转到设置页面
			jumpToSetting(item) {
				uni.setStorageSync('startErrToPath', 'jvss/pagesDevice/device/device-live/door-lock/setting/setting-lexin')
				let settingUrl =
					'/jvss/pagesDevice/device/device-live/door-lock/setting/lockSetting/doorlockSetting?device=' +
					encodeURIComponent(JSON.stringify(this.device)) + '&type=1' + '&DoorFunction=' + this.DoorFunction
				uni.navigateTo({
					url: settingUrl
				})
			},
			//门锁设置
			doorLockSetting() {
				if (this.deviceStatus == 'deep' || this.deviceStatus == 'OffLine') {
					return uni.showToast({
						title: '设备处于深度休眠或离线，无法远程唤醒',
						'icon': 'none'
					});
				}
				this.checkWakeUp()
			},
			//用户管理
			goUserManager() {
				let userType = getUserManagerType(this.userTypeMsk)
				uni.navigateTo({
					url: '/jvss/pagesDevice/device/device-live/door-lock/userManage/userManage?userType=' +
						userType + '&device=' + encodeURIComponent(JSON.stringify(this.device))
				})
			},
			//移除设备
			removeDevice() {
				uni.showActionSheet({
					itemList: ['移除设备', '移除并恢复出厂设置'],
					success: (res) => {
						if (res.tapIndex == 0) {
							this.deleteDevice(res.tapIndex)
						} else {
							this.getLogin(() => {
								this.deleteDevice(res.tapIndex)
							})
						}
					},
					fail: (res) => {
						console.log(res.errMsg);
					}
				});
			},
			//删除设备
			deleteDevice(type) {
				let title = '确认删除此设备？'
				let loadingtitle = '删除中...'
				let successtitle = '删除成功'
				let isClear = false
				if (type == 1) {
					title = '确认恢复出厂设置？'
					loadingtitle = '恢复中...'
					successtitle = '恢复成功'
					isClear = true
				}
				uni.showModal({
					content: title,
					success: (response) => {
						if (response.confirm) {
							uni.showLoading({
								title: loadingtitle
							});
							const data = {
								deviceNo: this.device.deviceNo,
								clearNss: isClear
							};
							getApp().globalData.api.delDevice(data, (result) => {
								getApp().globalData.mqtt.getUnsubscribe(this.device.deviceNo, 'device')
								uni.removeStorageSync(this.device.deviceNo)
								if (type == 1) {
									this.bindtapReset()
								} else {
									uni.hideLoading()
									uni.showToast({
										title: '成功删除！'
									});
									uni.setStorageSync('appIsShow', true)
									setTimeout(() => {
										uni.switchTab({
											url: '/jvss/pages/device/home'
										});
									}, 1000)
								}
							});
						}
					}
				});
			},
			// 恢复出厂设置
			bindtapReset(e) {
				let token = this.device.token;
				let data = {
					Name: 'OPDefaultConfig',
					OPDefaultConfig: {
						Account: 1,
						Alarm: 1,
						CommPtz: 1,
						Encode: 1,
						General: 1,
						NetCommon: 1,
						NetServer: 1,
						Preview: 1,
						Record: 1,
						XMModeSwitch: 1,
						CameraPARAM: 1
					}
				};
				getApp().globalData.api.opdev(data, token, (result) => {
					uni.hideLoading()
					console.log(result);
					if (result.Ret === 100) {
						uni.setStorageSync('isDeleteDevice', true);
						console.log(uni.getStorageSync('isDeleteDevice'), '先设置吧')
						uni.setStorageSync('appIsShow', true);
						uni.hideLoading()
						uni.showToast({
							title: '恢复出厂设置成功',
							duration: 1000
						});
						setTimeout(() => {
							uni.switchTab({
								url: '/jvss/pages/device/home'
							});
						}, 500)
					} else if (result.Ret == 527) {
						//消息发给主控失败了，需要重新唤醒主控（650+3861L门锁用）
						this.wakeup(() => {
							this.bindtapReset(e)
						})
					}
				});
			},
			restoreSetting() {
				let token = this.device.token
				const data = {
					Name: "OPDefaultConfig",
					OPDefaultConfig: {
						Expect: 0,
						Language: 'Chinese',
						Manual: 1,
						UUID: '',
						DevID: '',
						CurVersion: '',
						DevType: 'IOT'
					}
				};
				getApp().globalData.api.opdev(data, token, (result) => {
					uni.showToast({
						title: '成功删除！'
					});
				});
			}
		}
	};
</script>
<style lang="scss">
	.header_device {
		display: flex;
		justify-content: space-between;
		align-items: center;
		background: #fff;
		margin: 11px;
		border-radius: 5px;
		height: 120rpx;

		.deviceName {
			font-size: 15px;
			font-weight: bold;
			width: calc(100vw - 200rpx);
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;
		}

		.headerImg {
			margin-left: 10rpx;
			border-radius: 5px;
			width: 100rpx;
			height: 100rpx;
		}

		.header_icon {
			margin-right: 20rpx;
		}
	}

	.popupName {
		/deep/ .uni-popup__wrapper {
			top: -100rpx;
		}
	}

	.form {
		background: white;
		padding: 60rpx;
		border-radius: 10rpx;

		.title {
			font-size: 34rpx;
			font-weight: bold;
			line-height: 49rpx;
			color: #464646;
		}

		.form-item {
			margin-top: 40rpx;

			.cancel {
				background: #F6F7FB;
				color: #000000;
				font-size: 30rpx;
				width: 237rpx;
				height: 84rpx;
				border-radius: 42rpx;
			}

			.conf {
				margin-left: 20rpx;
				background: #FF0025;
				color: #ffffff;
				font-size: 30rpx;
				width: 237rpx;
				height: 84rpx;
				border-radius: 42rpx;
			}
		}

		.form-title {
			text-align: center;
			margin-bottom: 40rpx;
			font-weight: bold;
		}
	}

	.bottm {
		position: fixed;
		left: 30rpx;
		right: 30rpx;
		bottom: 40rpx;
		height: 84rpx;
		background: #fff;
		border: 1rpx solid #B9B9B9;
		border-radius: 15rpx;
		ont-size: 30rpx;
		color: #FF0025;
		font-weight: 700;
	}

	.cell-tips {
		font-size: 24rpx;
		color: #999999;
		max-width: 62vw;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;

		image {
			width: 36rpx;
			height: 36rpx;
			margin-left: -12rpx;
		}
	}

	.popupCont {
		.countDown {
			font-size: 30rpx;
			font-weight: bold;
			color: #FF0025;
		}
	}

	.bannerImg {
		width: 80%;
		height: auto;
	}
</style>